<div class="attr-method">
  <div class="attr-list">
    <h4>属性列表</h4>
    <div class="btn-wrap">
      <button class="btn btn-info" (click)="getValue()">获取value值</button>
      <button class="btn btn-info" (click)="getValid()">获取valid值</button>
      <button class="btn btn-info" (click)="getInValid()">获取invalid值</button>
      <button class="btn btn-info" (click)="getParentControl()">获取父控件</button>
      <!--        <button class="btn btn-info">控件是否无效</button>-->
      <!--        <button class="btn btn-info">控件是否启用</button>-->
      <!--        <button class="btn btn-info">控件是否禁用</button>-->
    </div>
    <div class="result">
      <p>属性输出值</p>
      <textarea class="form-control" rows="3" [(ngModel)]="attrOutput"></textarea>
    </div>
  </div>

  <div class="method-list">
    <h4>方法列表</h4>
    <div class="btn-wrap">
<!--      <div class="input-group">-->
<!--          <span class="input-group-btn">-->
<!--            <button class="btn btn-info" type="button" (click)="setFormControlValidators(formControlRegExp.value)">设置FormControl同步校验器</button>-->
<!--          </span>-->
<!--        <input type="text" class="form-control" placeholder="请输入正则表达式，例如/胡教头/i" #formControlRegExp>-->
<!--      </div>-->
<!--      <div class="input-group">-->
<!--          <span class="input-group-btn">-->
<!--            <button class="btn btn-info" type="button" (click)="setFormControlValue(formControlValue.value)">设置FormControl的value值</button>-->
<!--          </span>-->
<!--        <input type="text" class="form-control" placeholder="请设置该控件的值" #formControlValue>-->
<!--      </div>-->
    </div>
    <div class="result">
      <p>方法返回值</p>
      <textarea class="form-control" rows="3" [(ngModel)]="methodOutput"></textarea>
    </div>
  </div>
</div>
